﻿/*
全局css，适合所有页面
*/

*{ margin: 0px; padding: 0px;}
body{ font-size: 14px; font-family: "微软雅黑"; color: #333; /*background: #FFBB01 linear-gradient(#009CFF, #DDEEFF) no-repeat scroll 0% 0%;*/}
a {text-decoration: none;color: #000;}
p {text-indent:0em;}
li{ list-style-type: none;}
img {border:0px;}
h1,h2,h3,h4,h5,h6{font-size:14px; font-weight:normal;}

/* 元素行 */
.row { width: 1000px; margin: 0px auto;}
/* 主背景色 */
/*.bgcolor { background-color: #C91A1D!important; }*/
.bgcolor { background-color: #800!important; }
.color { color: #0a0!important; }
.bdcolor { color: #0a0!important; }

/*头部*/

/*顶部栏*/
.top1{ background-color: #000;height:30px;line-height:30px;color:#efefef; display: none;}
.top1 a{color:#efefef;}
.top1 h1.sitename{ text-align:center; font-size:18px; font-weight:normal; color:#ffffff; }

.top1_left{ line-height:30px; }

.top1_right{}
.top1_right ul{}
.top1_right ul li{ float:left; margin-right:10px; height:30px; line-height:30px;}

/*Logo栏*/
.top2{ height: 100px; }

.top2_left{ height:100px; }
.top2_left .logo_div{ width: 200px; height: 100px;  }
.top2_left .logo{ position: relative; top:-1000px;}

.top2_center{ height:100%; margin-left:200px; }

.top2_right{ height:100px; width: 200px; position: relative; }
.top2_right .tel_div{ position: absolute; top:10px; right:10px; }
.top2_right .tel{ font-size: 18px; color:#800; }

/* 搜索框 */
.search {
    /*margin-left: 600px;*/
    position: relative; top:50px; right:75px;
    width: 280px;
    /*border:1px solid #000;*/
}
.searchForm {
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    width: 252px;
    border: 1px solid #800;
    background-color: #fff;
}
.searchForm a {
    float: right;
    display: inline-block;
    width: 80px;
    height: 30px;
    background-color: #800;
    color: #FFF;
    text-align: center;
}
.searchForm input {
    border: 0px none;
    width: 140px;
    height: 18px;
    padding:2px 0px 2px 5px;
}

/*导航栏 */
.top3{ height:50px; background-color:#800; }
.nav{}
.nav ul{}
.nav ul .nav-li{ margin-right:0px; float:left; line-height:50px; width:123px; text-align:center; position: relative;}
.nav ul .nav-li:hover{background-color:#f80;}
.nav ul .nav-a{color: #fff; font-weight:bold; font-size:14px;}
.nav ul .nav-h2{color: #fff;}
.nav ul li .on{ background-color:#f80;}
.nav-sub-ul{width:123px; position: absolute; top:50px; left:0px; zoom:1; z-index:99999; display: none;}
.nav-sub-li{color: #fff; font-weight:bold; font-size:14px; height:35px;line-height:35px;}
.nav-sub-li:hover{/*background-color:#f80;*/ }
.nav-sub-a{color: #fff; font-weight:bold; font-size:14px; }
.nav-sub-h3{color: #fff; display: inline; padding:5px 8px;}
.nav-sub-h3:hover{border:1px solid #fff; border-radius:3px;}


/*banner*/
.banner{}
.banner .bd{}
.banner .bd ul{}
.banner .bd ul li{height:200px;}

/*主体*/
.main{background-color: #B8F0FD;}

.main-right{width:322px; margin-right:10px; margin-top:10px;}
.main-left{padding:10px; width:815px;}

/*通用块*/
.menu_head{background: url(/template/default/images/menu_head_bg.png) repeat-x scroll bottom;position: relative;}
.menu_title{width:91px; height:35px;background: url(/template/default/images/menu_title_bg.png) repeat-x scroll bottom;text-align:center;line-height:35px;}
.menu_title span{color:#fff; font-size:18px;}
.menu_title_img{position: absolute; left:100px;top:5px;}
.menu_more{position: absolute; right:10px;top:5px;}
/*头条*/
.menu_top1{}
.menu_top1_img{ padding-right:10px; height:116px;}
.menu_top1_title{color:#D6301A;font-size:18px; font-weight:bold; margin-bottom:10px;}
.menu_top1_desc{text-indent:2em; line-height:21px;}
/*列表*/
.menu_list{}
.menu_list li{background: url(/template/default/images/menu_list_bg.png) repeat-x scroll bottom; line-height:30px;}
.menu_list span{float:right;}



/*友情链接*/
.friendlink{}
.friendlink ul{ margin:0px 10px 0px 80px; padding-top:20px;}
.friendlink ul li{ display: inline-block; margin-right:20px; line-height:30px;}
.friendlink ul li a{}



/*---------------------------------以下是手机工具条--------------------------------*/

/*手机头部工具条*/
.wap-head-bar{ background-color: #78B7C0;height:50px;line-height:50px;}
.wap-head-bar-title{ text-align:center; font-size:18px; font-weight:normal; color:#ffffff; }
.wap-head-bar-right{ position: absolute; right: 10px; }
.wap-head-bar-left{ position: absolute; left: 10px; }
.wap-head-bar-menu{ position: absolute; right: 10px; top:50px; display:none; background-color: #78B7C0;}
.wap-head-bar-menu ul{}
.wap-head-bar-menu ul li{line-height:25px; padding:5px 0px; border-bottom:1px dashed #ccc;}
.wap-head-bar-menu ul li a{color:#fff; padding:0px 20px;}

/*手机底部*/
.wap-page-foot{background-color: #efffef; padding:10px 0px ;}
.wap-page-foot .info{ line-height:22px; text-align:center;}

/*手机底部工具条*/
.wap-foot-bar{position: fixed; bottom:0px;width:100%; background-color: #78B7C0; height:50px;}
.wap-foot-bar table{ width:100%; height:100%;}
.wap-foot-bar table tr{ width:25%; text-align:center; color:#fff; font-size:20px; padding-top:10px;}
.wap-foot-bar table tr a{ color: #fff;}
.wap-foot-bar table tr span{ font-size:12px; display: block;}


/*---------------------------------以下是内页--------------------------------*/

/*内页布局*/
.page{/*background-color: #B8F0FD;*/}
.page-left{ padding:10px;width:270px;}
.page-right{margin-left:300px; padding:10px;min-height:300px;}

/*您的位置*/
.page-position{ border-bottom: 2px solid #800; padding-bottom:10px;}
.page-position span{ border-left: 0px solid #800; padding-left: 0px; margin-left:2px;}

/*内页右侧容器*/
.page-container{padding:10px; min-height:400px;}

/* 文字列表 */
.page-list{}
.page-list ul{}
.page-list ul li{margin:0px 0px 10px 10px; line-height:25px;}
.page-list ul li a{}

/* 九宫格列表 */
.page-list-9{}
.page-list-9 ul{}
.page-list-9 ul li{width:210px; display: inline-block; margin-bottom:20px;margin-right:5px;}
.li-pic-div{ width:200px; height:200px; border:1px solid #ccc; text-align:center; vertical-align: middle; display:table-cell; padding:2px; overflow: hidden;}	
.li-pic-div img{ max-width: 200px; max-height:200px; }
.li-pic-title{text-align:center; height:30px; line-height:30px;}

/* 图文混列 */
.page-list-mix{}
.page-list-mix ul{}
.page-list-mix ul li{margin:0px 0px 10px 10px; height:120px; border-bottom:1px dashed #eeeeff;}
.page-list-mix ul li:hover{background: #fee;}
.page-list-mix ul li img.thumb{ margin-right:10px; width:160px; height:115px; border:1px solid #efefef;}
.page-list-mix ul li a.title{ line-height:40px; font-size:14px; color:#000; }
.page-list-mix ul li span.time{float:right; color:#999;}
.page-list-mix ul li div.desc{text-indent:2em; color:#999;}

/*内页文章详细信息*/
.page-art-title{ font-size: 16px; font-family: "微软雅黑"; color: #333;}
.page-art-time{ color: #999; line-height:30px;}
.page-art-content{ text-indent: 0px; line-height:20px; }
.page-art-content p{ text-indent: 0px; line-height:20px; }
.page-art-content img{ max-width:99%; }

/*单项目，适合产品详情和招聘详情等*/
.page-art-kv{line-height:25px;}
.page-art-key{font-weight:bold;}
.page-art-value{}

/* 分页 */
.xiaocms-page{ text-align:center; }
.xiaocms-page a{ margin-right:10px; padding:5px 10px; border:1px solid #ccc;}
.xiaocms-page span{ margin-right:5px;}
.wdcms-page{ text-align:center; margin-top: 15px;}
.wdcms-page a{ margin-right:10px; padding:5px 10px;}
.wdcms-page span{ margin-right:10px;padding:5px 10px;color:#ccc}

/* 上一篇下一篇 */
.page-updown{ border-top:1px dashed #ccc; padding-top:10px;}
.page-updown p{ text-indent:0px; color:#999;}
.page-updown a{ color:#999; }



/*---------------------------------以下是左侧--------------------------------*/
.left-menu{width:100%;}
.left-menu-title{background-color: #A00; height:40px; line-height:40px; font-size:14px; border-top:2px solid #600;}
.left-menu-content ul{}
.left-menu-content ul li{background-color: #fdd; height:35px; line-height:35px; text-align: center; font-size:14px; color:#fff; border-bottom:1px solid #fff; padding-left:10px; padding-right:10px;}
.left-menu-content ul li a{color:#666;}
.left-menu-content ul li:hover{background-color: #A00;}
.left-menu-content ul li:hover a{color: #fff;}

.left-menu-contact-table{width:100%;border-collapse:collapse;}
.left-menu-contact-table tr{height:22px; background-color:#fdd; color:#666;}
.left-menu-contact-table th{text-align:right; font-weight:normal; padding-left:10px;}
.left-menu-contact-table td{padding:3px 0px 3px 10px;}


/*---------------------------------表单页面--------------------------------*/
.table-form{}
.table-form tr{ height:40px;}
.table-form th{ text-align:right; padding-right:10px;}
.input-text {
    border: 1px solid #ccc;
    padding: 4px 5px;
    color: #444;
    width: 200px;
}
.input-text:hover {
	transition: box-shadow 0.2s linear 0s;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
	border: 1px solid #74B9EF;
}
.input-button{ padding:2px 20px }